﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="/home/images/favicon.png" type="image/x-icon"/>
    <!-- Theme tittle -->
    <title>Mogh | Html Template</title>

    <!-- Theme style CSS -->
    <link href="/home/css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Area -->
{include file='nav' /}
<!-- Header Area -->
<!-- Banner Area -->
<section class="pages_banner_area pba_2">
    <img src="images/parallax-layer/banner-layer-3.png" alt="" class="layer layer_1" data-depth="0.10">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="/">主页</a></li>
            <li><a href="">资讯</a></li>
        </ol>
    </div>
</section>
<!-- End Banner Area -->
<div id="parallax"><!-- Parallax Area -->
    <!-- Latest Post Area -->
    <section class="blog_area blog_list_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 blog_leftsidebar">
                    <!-- Blog List -->
                    {foreach $article as $key=>$vo }
                    <div class="blog_list">
                        <img src="{$vo.article_img}" alt="">
                        <h6>{$vo.article_author}<span>{$vo.add_time}</span></h6>
                        <a class="heding" href="blog-single.html">{$vo.article_title}</a>
                        <p>{$vo.article_desc}</p>
                        <a href="blog-single.html" class="read_more">阅读更多 <i class="fa fa-arrow-right"></i></a>
                    </div>
                    {/foreach}
                    {$page|raw}
                </div>

                <!-- Right Sidebar -->
                <div class="blog_rightsidebar col-lg-3">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search">
                        <div class="input-group-append">
                            <span class="input-group-text"><i class="fa fa-search"></i></span>
                        </div>
                    </div>
                    <div class="categories">
                        <h3>分类</h3>
                        <ul class="categories_list">
                            {foreach $cat as $key=>$vo }
                            <li >
                                <a href="/index/article_cat/index/cat_id/{$vo.category_id}">{$vo['category_title']} <span></span></a>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                 <!--   <div class="categories post_widget">
                        <h3>Latest Post</h3>
                        <div class="media active">
                            <div class="media_left">
                                <img src="images/blog/blog-widget.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <a href="blog-single.html">Creative agency design</a>
                                <h6>July 19 , 2018 </h6>
                            </div>
                        </div>
                        <div class="media">
                            <div class="media_left">
                                <img src="images/blog/blog-widget-2.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <a href="blog-single.html">Creative agency design</a>
                                <h6>July 19 , 2018 </h6>
                            </div>
                        </div>
                        <div class="media">
                            <div class="media_left">
                                <img src="images/blog/blog-widget.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <a href="blog-single.html">Creative agency design</a>
                                <h6>July 19 , 2018 </h6>
                            </div>
                        </div>
                    </div>
                    <div class="categories archives">
                        <h3>Archives</h3>
                        <ul class="categories_list">
                            <li><a href="#">February 2018</a></li>
                            <li><a href="#">January 2017</a></li>
                            <li><a href="#">February 2016</a></li>
                        </ul>
                    </div>
                    <div class="categories tags">
                        <h3>Tags</h3>
                        <ul class="tags_list">
                            <li><a href="#">Design</a></li>
                            <li><a href="#">Business</a></li>
                            <li><a href="#">Creative</a></li>
                            <li><a href="#">Photogaraphy</a></li>
                            <li><a href="#">Agency</a></li>
                        </ul>
                    </div>-->

                </div>
            </div>
        </div>
    </section>
    <!-- End Latest Post Area -->


</div><!-- End Parallax -->

<!-- Footer Area -->
<footer class="footer_area">
    <div class="copy_right">
        <p>Copyrights 2018 <a href="http://www.jq22.com">Mogh</a> Template</p>
    </div>
</footer>
<!-- End Footer Area -->

<!-- Scroll Top Button -->
<button class="scroll-top">
    <i class="fa fa-angle-double-up"></i>
</button>

<script src='https://libs.baidu.com/jquery/1.10.2/jquery.min.js'></script>
<script src="/home/vendors/parallaxmouse/parallax.min.js"></script>
<!-- Bootstrap v4.0.0 -->
<script src="/home/js/popper.min.js"></script>
<script src="/home/js/bootstrap.min.js"></script>
<!-- Extra Plugin -->
<script src="/home/vendors/animate-css/wow.min.js"></script>
<script src="/home/vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
<!-- Theme js / Custom js -->
<script src="/home/js/theme.js"></script>
</body>
</html>
